<template>
  <div class="index-container">
    <!-- 导航栏 -->
    <van-nav-bar
      class="app-nav-bar"
      title="统计分析"
      left-arrow
      @click-left="$router.back()"
    />
    <van-tabs v-model="active" sticky>
      <van-tab title="区域分析">
        <qyfx></qyfx>
      </van-tab>
      <van-tab title="风险管控">
        <fxgk></fxgk>
      </van-tab>
      <van-tab title="年度报告">
        <ndbg></ndbg>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import qyfx from '../qyfx/index.vue'
import fxgk from '../fxgk/index.vue'
import ndbg from '../ndbg/index.vue'
// import { login,sendSms } from '@/api/user'

export default {
  name: 'LoginIndex',
  components: {qyfx,fxgk,ndbg},
  props: {},
  data () {
    return {
      active:0,
    }
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {
  }
}
</script>

<style scoped lang="less">
.index-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .van-tabs{
    flex: 1;
    display: flex;
    flex-direction: column;
    /deep/.van-tabs__content{
        flex: 1;
        .van-tab__pane{
          width:100%;
          height: 100%;
        }
    }
  }
}
</style>